<template>
    <div>
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <TodayRecommend></TodayRecommend>
        <Rank></Rank>
        <Like></Like>
        <Floor v-for="(floor) in floorList" :key="floor.id" :floorInfo='floor' />
        <Brand></Brand>
    </div>
</template>

<script>
    import ListContainer from './ListContainer';
    import TodayRecommend from './TodayRecommend';
    import Rank from './Rank';
    import Like from './Like';
    import Floor from './Floor';
    import Brand from './Brand';
    import {
        mapGetters
    } from 'vuex';

    export default {
        name: 'Home',
        components: {
            ListContainer,
            TodayRecommend,
            Rank,
            Like,
            Floor,
            Brand
        },
        created() {
            this.$store.dispatch('getFloorList');
        },
        computed: {
            ...mapGetters(['floorList'])
        }
    }
</script>

<style>

</style>